.bgBox {
	width: 100vw;
	padding: 30rpx;
	padding-bottom: 10rpx;
	background-color: #FAFAFA;
	position: sticky;
	top: 17.1vh;
	z-index: 9;
}

.overBox {
	width: 690rpx;
	height: 94rpx;
	border-radius: 10px;
	overflow-y: hidden;
}

.overflowBox {
	width: 690rpx;
	height: 130rpx;
	overflow: auto;
	border-radius: 10px;
}

.changeBox {
	padding: 0 5rpx;
	padding-top: 30rpx;
	background-color: #FFFFFF;
	box-shadow: 0rpx 3rpx 8rpx 1rpx rgba(238, 238, 238, 0.16);
	display: flex;
	align-items: center;
	border-radius: 10px;
	position: relative;
}

.type {
	width: 180rpx;
	padding-bottom: 30rpx;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 20rpx;
}

.type1 {
	width: 180rpx;
	padding-bottom: 30rpx;
	font-size: 14px;
	color: #FF5F17;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 20rpx;
}

.border_bom {
	position: absolute;
	bottom: 0;
	width: 60rpx;
	height: 5rpx;
	background-color: #FF5F17;
}

.infoBox {
	width: 630rpx;
	height: 230rpx;
	padding: 10rpx 30rpx;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #FFFFFF;
	box-shadow: 0rpx 3rpx 8rpx 1rpx rgba(238, 238, 238, 0.16);
	border-radius: 10px;
	margin-bottom: 20rpx;
}

.infoTextBox {
	display: flex;
	align-items: center;
}

.infoImg {
	width: 150rpx;
	height: 120rpx;
	border-radius: 5px;
}

.infoUserBox {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.userHead {
	width: 40rpx;
	height: 40rpx;
}

.moreIcon {
	width: 40rpx;
	height: 10rpx;
}

.ball {
	width: 100rpx;
	height: 100rpx;
	background: linear-gradient(to bottom, #F8F8FF, #87CEFA);
	border-radius: 50%;
	/* 防止页面滚动条或其他事件跟着动 */
	position: fixed !important;
	z-index: 9999;
}